<!-- 选择文章模态框 -->
<div class="modal fade article-choose" data-backdrop="static" id="util_article_choose" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">&emsp;选择文章</h4>
                <div class="tab-typechoose">
                    <div event-columns="article-choose"></div>
                    <div class="search search_style_text">
                        <input class="search_input" type="text" placeholder="搜索标题">
                        <button class="glyphicon glyphicon-search search_btn" type="button"></button>
                    </div>
                </div>
            </div>
            <div class="modal-body">
                <div class="body-content recommend">
                    <div class="div-resource res-det"></div>
                    <div class="spinner">
                        <div class="bounce1"></div>
                        <div class="bounce2"></div>
                        <div class="bounce3"></div>
                    </div>
                    <div class="pageControl">
                        <button type="button" class="btn btn-default glyphicon glyphicon-menu-left gray prev" disabled="disabled"></button>
                        <span class="gray pagenum">&nbsp;<span class="current_page">1</span>/<span class="maxPage">1</span>&nbsp;</span>
                        <button type="button" class="btn btn-default glyphicon glyphicon-menu-right gray next" disabled="disabled"></button>&nbsp;
                        <input type="text" class="inp_page" maxlength="1">&nbsp;
                        <button type="button" class="btn btn-default goPage">跳转</button>
                    </div>
                </div>
                <div class="body-content my-resource">
                    <div id="my-resource" class="myResource-btn-group group_list">
                        <select id="select_type" class="selectpicker" data-width="92px">
                            <option value="" class="hide">是否原创</option>
                            <option value="">全部</option>
                            <option value="1">原创</option>
                            <option value="0">非原创</option>
                        </select>
                        <div class="spinner">
                            <div class="bounce1"></div>
                            <div class="bounce2"></div>
                            <div class="bounce3"></div>
                        </div>
                        <div class="category-btn-list">
                            <div class="my-group height-cacu">
                                <button type="button" groupid class="category_select">全部</button>
                            </div>
                        </div>
                        <button type='button' class='more' status='0'>
                            <span class="text-more">更多</span>&emsp;<span class="glyphicon glyphicon-menu-down"></span>
                        </button>
                    </div>
                    <div class="arti_content res-det"></div>
                    <div class="spinner">
                        <div class="bounce1"></div>
                        <div class="bounce2"></div>
                        <div class="bounce3"></div>
                    </div>
                    <div class="pageControl">
                        <button type="button" class="btn btn-default glyphicon glyphicon-menu-left gray prev" disabled="disabled"></button>
                        <span class="gray pagenum">&nbsp;<span class="current_page">1</span>/<span class="maxPage">1</span>&nbsp;</span>
                        <button type="button" class="btn btn-default glyphicon glyphicon-menu-right gray next" disabled="disabled"></button>&nbsp;
                        <input type="text" class="inp_page" maxlength="1">&nbsp;
                        <button type="button" class="btn btn-default goPage">跳转</button>
                    </div>
                    <div class="clearfloat"></div>
                </div>
                <div class="body-content my-collection" style="display: none;">
                    <div id="my-collection" class="myResource-btn-group group_list">
                        <select id="collection_release" class="selectpicker" data-width="92px">
                            <option value="" class="hide">发布平台</option>
                            <option value="">全部</option>
                            <option value="bigwe.com">微知</option>
                            <option value="mp.weixin.qq.com">微信</option>
                            <option value="toutiao.com">头条</option>
                        </select>
                        <select id="collection_select_type" class="selectpicker" data-width="92px">
                            <option value="" class="hide">是否原创</option>
                            <option value="">全部</option>
                            <option value="1">原创</option>
                            <option value="0">非原创</option>
                        </select>
                        <div class="spinner">
                            <div class="bounce1"></div>
                            <div class="bounce2"></div>
                            <div class="bounce3"></div>
                        </div>
                        <div class="category-btn-list">
                            <div class="my-group height-cacu">
                                <button type="button" groupid class="category_select">全部</button>
                            </div>
                        </div>
                        <button type='button' class='more' status='0'>
                            <span class="text-more">更多</span>&emsp;<span class="glyphicon glyphicon-menu-down"></span>
                        </button>
                    </div>
                    <div class="collection res-det"></div>
                    <div class="spinner">
                        <div class="bounce1"></div>
                        <div class="bounce2"></div>
                        <div class="bounce3"></div>
                    </div>
                    <div class="pageControl">
                        <button type="button" class="btn btn-default glyphicon glyphicon-menu-left gray prev" disabled="disabled"></button>
                        <span class="gray pagenum">&nbsp;<span class="current_page">1</span>/<span class="maxPage">1</span>&nbsp;</span>
                        <button type="button" class="btn btn-default glyphicon glyphicon-menu-right gray next" disabled="disabled"></button>&nbsp;
                        <input type="text" class="inp_page" maxlength="1">&nbsp;
                        <button type="button" class="btn btn-default goPage">跳转</button>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success article-btn">确认</button>
                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>